<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>DOM</title>

        <script>
            window.onload = function() {
                var div1 = document.getElementById("div1");
                div1.onclick = function() {
                    var before = this.textContent;
                    this.textContent = "???";
                    window.setTimeout((element) => {
                        element.textContent = before;
                    }, 1000, div1);
                }
                var super_link = document.getElementById("super_link");
                super_link.href = "https://www.bilibili.com";
                super_link.textContent = "哔哩哔哩";
            }
        </script>
    </head>
    <body>
        <div class="outerDiv">
            <div class="innerDiv d1" id="div1">框1</div>
            <div class="innerDiv d2" id="div2">框2</div>
            <div class="innerDiv d3" id="div3">框3</div>
            <hr>
            <a href="https://www.baidu.com" target="_blank" id="super_link">百度一下你就知道</a>
        </div>
    </body>
</html>
